<!DOCTYPE html>
<!-- saved from url=(0137)http://www.noahjob.cn/ProjectRecruitStep/Notice?PK_JPID=201805310939576360000000000001906210&PK_PFID=201805311141476640000000000007499497 -->
<html lang="en">
<head>
        {include file="common/meta" /}
    <link href="__CDN__/assets/css/user.css?v={$Think.config.site.version}" rel="stylesheet">
    <link rel="stylesheet" href="__CDN__/assets/zp_index/base.css">
	<link href="__CDN__/assets/zp_index/layer.css" rel="stylesheet">
	<link rel="stylesheet" href="__CDN__/assets/zp_index/home.css">
	<link href="__CDN__/assets/zp_index/layer.css" rel="stylesheet">
	<link rel="stylesheet" href="__CDN__/assets/zp_index/home.css">
    <link rel="stylesheet" href="__CDN__/assets/zp_info/base.css">
    <link href="__CDN__/assets/zp_info/layer.css" rel="stylesheet">
    <link rel="stylesheet" href="__CDN__/assets/zp_info/home.css">
    <link href="__CDN__/assets/zp_info/login.css" rel="stylesheet">
    <link href="__CDN__/assets/zp_info/projectHeader.css" rel="stylesheet">
    
    <script src="__CDN__/assets/zp_info/hm.js"></script>
    <script src="__CDN__/assets/zp_info/jquery.min.js"></script>
    <script src="__CDN__/assets/zp_info/base.js"></script>
    <script src="__CDN__/assets/zp_info/layer.js"></script>
    <script src="__CDN__/assets/zp_info/CitySelect.js"></script>
    <script src="__CDN__/assets/zp_info/GetCity"></script>
    <script src="__CDN__/assets/zp_info/getscript"></script>
    <script>
        $(function () {
            if (window.localStorage.LocationCityID) {
                $("#ToDiv").text(window.localStorage.LocationCityName);
            } else {
                //定位
                var geolocation = new BMap.Geolocation();
                geolocation.getCurrentPosition(function (r) {
                    if (this.getStatus() == BMAP_STATUS_SUCCESS) {
                        var point = new BMap.Point(r.point.lng, r.point.lat);
                        var gc = new BMap.Geocoder();
                        gc.getLocation(point, function (rs) {
                            var addComp = rs.addressComponents;
                            for (var i = 0; i < rawCitiesData.length; i++) {
                                for (var j = 0; j < rawCitiesData[i].sub.length; j++) {
                                    if (rawCitiesData[i].sub[j].name.indexOf(addComp.city) > -1) {
                                        $("#ToDiv").text(rawCitiesData[i].sub[j].name);
                                        window.localStorage.LocationCityID = rawCitiesData[i].sub[j].code;
                                        window.localStorage.LocationCityName = addComp.city;
                                    }
                                }
                            }
                        });
                    }
                    else {
                        $.alert('failed' + this.getStatus());
                    }
                }, { enableHighAccuracy: true });
            }
        });

        function RedirectUrl(Url) {
            console.log(Url);
            window.location = Url + "&City=" + window.localStorage.LocationCityID;
        }
    </script>
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?b38dd1b0262a11abdcf6b347a06b0822";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>
<body>
		<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#header-navbar">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="{:url('/')}" style="padding:6px 15px;"><img src="__CDN__/assets/img/logo.png" style="height:40px;width:120px" alt=""></a>
                </div>
                <div class="collapse navbar-collapse" id="header-navbar">
                    <ul class="nav navbar-nav navbar-right">
                        <li><a href="http://www.huajierenli.com" target="_blank">{:__('Home')}</a></li>
                        <li><a href="{:url('index/index/index')}" target="_blank">政企招聘</a></li>
                        <li class="dropdown">
                            {if $user}
                            <a href="{:url('user/index')}" class="dropdown-toggle" data-toggle="dropdown" style="padding-top: 10px;height: 50px;">
                                <span class="avatar-img"><img src="__CDN__/{$user.avatar}" alt=""></span>
                            </a>
                            {else /}
                            <a href="{:url('user/index')}" class="dropdown-toggle" data-toggle="dropdown">{:__('User center')} <b class="caret"></b></a>
                            {/if}
                            <ul class="dropdown-menu">
                                {if $user}
                                <li><a href="{:url('user/index')}"><i class="fa fa-user-circle fa-fw"></i>{:__('User center')}</a></li>
                                <li><a href="{:url('user/myapply')}"><i class="fa fa-list fa-fw"></i>我的报名</a></li>
                                <li><a href="{:url('user/profile')}"><i class="fa fa-user-o fa-fw"></i>{:__('Profile')}</a></li>
                                <li><a href="{:url('user/changepwd')}"><i class="fa fa-key fa-fw"></i>{:__('Change password')}</a></li>
                                <li><a href="{:url('user/logout')}"><i class="fa fa-sign-out fa-fw"></i>{:__('Sign out')}</a></li>
                                {else /}
                                <li><a href="{:url('user/login')}"><i class="fa fa-sign-in fa-fw"></i> {:__('Sign in')}</a></li>
                                <li><a href="{:url('user/register')}"><i class="fa fa-user-o fa-fw"></i> {:__('Sign up')}</a></li>
                                {/if}

                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    <div class="j-content" id="content">
        


    
    <meta name="viewport">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>招聘项目</title>
    <link rel="stylesheet" href="__CDN__/assets/zp_info/jquery-ui.min.css">
    <!-- <link rel="stylesheet" href="../../Resources/css/common/base.css"> -->
    <link rel="stylesheet" href="__CDN__/assets/zp_info/recruitmentProject.css">
    <link rel="stylesheet" href="__CDN__/assets/zp_info/recruitmentProject-h.css">
    <link rel="stylesheet" href="__CDN__/assets/zp_info/pagination.css">
    <link rel="stylesheet" href="__CDN__/assets/zp_info/style.css">

<script type="text/javascript" src="__CDN__/assets/zp_info/pagination.js"></script>
<script type="text/javascript" src="__CDN__/assets/zp_info/jquery-ui.min.js"></script>
<script type="text/javascript" src="__CDN__/assets/zp_info/echarts.common.min.js"></script>


    <div class="h-recruit">
        <div class="h-adv">
            <ul class="banner" id="banner">
            	{volist name='ad_row' id='ad'}
                    <li class="banner-it on" style="background-image: url(__CDN__/{$ad.ad_img});"></li>
                {/volist}
            </ul>
            <div class="adv-mask">
                <div class="adv-content">
                    <h4 class="adv-title">{$rec_row.recruit_title}</h4>
                    {in name="apply" value="$step_row.step_allow"}
                    	<a href="{:url('user/apply',array('recruit_id'=>$rec_row['recruit_id']))}" class="h-btn h-btn-error">去报名</a>
                    {/in}
                    <!-- <div id="dialog" class="hdialog">
                        <h3 class="hdialog-title">流程跟踪</h3>
                        <div class="hdialog-content">
                                <p class="hdialog-p">正在进行的流程：<span class="hdialog-span">公告</span>(2018-05-31)</p>
                                                            <p class="hdialog-p">即将开始的流程：<span class="hdialog-span">报名审核</span>(2018-06-05)</p>

                        </div>
                        <div class="hdialog-btn-group">
                            <a href="javascript:" class="hdialog-btn closebtn">关闭</a>
                            <a onclick="closedialog()" class="hdialog-btn" href="http://www.noahjob.cn/ProjectRecruitStep/Notice?PK_JPID=201805310939576360000000000001906210&amp;PK_PFID=201805311141476640000000000007499497#tab">查看最新流程</a>
                        </div>
                    </div> -->
                </div>
            </div>
        </div>
        <div class="u-page u-recruit-box" id="page">
            <h4 class="h-tips h-tips-gray">
                温馨提示：下方蓝色背景的流程表示当前流程正在进行中，可点击查看详情；灰色背景表示当前流程已结束或未开始。
                <i class="icon icon-close2" htype="close"></i>
            </h4>
            <div class="h-steps">

                  <ul class="steps-block">
                      <ol class="steps-bar">
                      			{volist name="step_list" id="vo" offset="0" length='6'}
                                  <li class="steps-bar-it {eq name='vo.status' value='doing'}active{/eq}"><span class="steps-bar-num">{$vo.num}</span></li>
                                {/volist}
                      </ol>
                      <ol class="steps-list">
                 		{volist name="step_list" id="step" offset="0" length='6'}
                 			<li class="steps-it-wrap {eq name='step.status' value='doing'}active{/eq}">
	                           <div class="steps-it">
	                               {eq name='step.status' value='doing'}
	                               	<a class="steps-it-a" href="{:url('info',array('recruit_id'=>$rec_row['recruit_id'],'step_id'=>$step['step_id']))}" ></a>
	                               {/eq} 
	                               <div class="steps-it-word">{$step.step_name}<span class="strong">{$step.status_name}</span></div>
	                               <div class="steps-it-time">{$step.step_date} </div>
	                           </div>
	                       </li>
                         {/volist}
                      </ol>
                  </ul>
                  <ul class="steps-block">
                     <ol class="steps-bar">
                     	{volist name="step_list" id="vo" offset="6" length='6'}
                            <li class="steps-bar-it {eq name='vo.status' value='doing'}active{/eq}"><span class="steps-bar-num">{$vo.num}</span></li>
                        {/volist}
                     </ol>
                     <ol class="steps-list">
                         {volist name="step_list" id="step" offset="6" length='6'}
                 			<li class="steps-it-wrap {eq name='step.status' value='doing'}active{/eq}">
	                           <div class="steps-it">
	                           	{eq name='step.status' value='doing'}
	                               	<a class="steps-it-a" href="{:url('info',array('recruit_id'=>$rec_row['recruit_id'],'step_id'=>$step['step_id']))}" ></a>
	                            {/eq}
	                              <div class="steps-it-word">{$step.step_name}<span class="strong">{$step.status_name}</span></div>
	                               <div class="steps-it-time">{$step.step_date} </div>
	                           </div>
	                       </li>
                         {/volist}
                     </ol>
                 </ul>
                  <ul class="steps-block">
                     <ol class="steps-bar">
                     	{volist name="step_list" id="vo" offset="12" length='6'}
                            <li class="steps-bar-it {eq name='vo.status' value='doing'}active{/eq}"><span class="steps-bar-num">{$vo.num}</span></li>
                        {/volist}
                     </ol>
                     <ol class="steps-list">
                         {volist name="step_list" id="step" offset="12" length='6'}
                 			<li class="steps-it-wrap {eq name='step.status' value='doing'}active{/eq}">
	                           <div class="steps-it">
	                           	{eq name='step.status' value='doing'}
	                               	<a class="steps-it-a" href="{:url('info',array('recruit_id'=>$rec_row['recruit_id'],'step_id'=>$step['step_id']))}" ></a>
	                            {/eq}
	                              <div class="steps-it-word">{$step.step_name}<span class="strong">{$step.status_name}</span></div>
	                               <div class="steps-it-time">{$step.step_date} </div>
	                           </div>
	                       </li>
                         {/volist}
                     </ol>
                 </ul>
            </div>
            <div class="tabs h-tabs ui-tabs ui-corner-all ui-widget ui-widget-content" id="tab">
                <ul class="h-tabs-nav ui-tabs-nav ui-corner-all ui-helper-reset ui-helper-clearfix ui-widget-header" role="tablist">
                    <li class="h-tabs-it ui-tabs-tab ui-corner-top ui-state-default ui-tab ui-tabs-active ui-state-active" role="tab" tabindex="0" aria-controls="tab-1" aria-labelledby="ui-id-1" aria-selected="true" aria-expanded="true"><a class="h-tabs-a ui-tabs-anchor" href="http://www.noahjob.cn/ProjectRecruitStep/Notice?PK_JPID=201805310939576360000000000001906210&amp;PK_PFID=201805311141476640000000000007499497#tab-1" role="presentation" tabindex="-1" id="ui-id-1">{$step_row.step_name}（{$step_row.status_name}）</a></li>
                    <li class="h-tabs-it ui-tabs-tab ui-corner-top ui-state-default ui-tab" role="tab" tabindex="-1" aria-controls="tab-2" aria-labelledby="ui-id-2" aria-selected="false" aria-expanded="false"><a class="h-tabs-a ui-tabs-anchor" href="http://www.noahjob.cn/ProjectRecruitStep/Notice?PK_JPID=201805310939576360000000000001906210&amp;PK_PFID=201805311141476640000000000007499497#tab-2" role="presentation" tabindex="-1" id="ui-id-2">招聘岗位 <span class="strong">{php}echo sizeof($post_list);{/php}</span></a></li>
                    <!-- <li class="h-tabs-it ui-tabs-tab ui-corner-top ui-state-default ui-tab" role="tab" tabindex="-1" aria-controls="tab-4" aria-labelledby="ui-id-3" aria-selected="false" aria-expanded="false"><a class="h-tabs-a ui-tabs-anchor" href="http://www.noahjob.cn/ProjectRecruitStep/Notice?PK_JPID=201805310939576360000000000001906210&amp;PK_PFID=201805311141476640000000000007499497#tab-4" role="presentation" tabindex="-1" id="ui-id-3"><span style='color:red'>填写报名表</span></a></li> -->
                </ul>
                <div class="h-tabs-content ui-tabs-panel ui-corner-bottom ui-widget-content" id="tab-1" aria-labelledby="ui-id-1" role="tabpanel" aria-hidden="false">
			        <div class="wrap-with-border">
			            <div class="h-page">
			                <h3 class="h-page-title">{$rec_row.recruit_title}</h3>
			                <div class="rich-text project-richtext">
								{$step_row.step_content}
			                </div>
			            </div>
			        </div>
	                 <div class="box-bar box-bar-foot">
	                     <!-- <a href="http://www.noahjob.cn/ProjectRecruitStep/Notice?PK_JPID=201805310939576360000000000001906210&amp;PK_PFID=201805311141476640000000000007499497#" class="box-bar-left">上一流程：无</a>
	                     当前流程：公告（2018-05-31至2018-06-04）
	                     <a href="http://www.noahjob.cn/ProjectRecruitStep/Notice?PK_JPID=201805310939576360000000000001906210&amp;PK_PFID=201805311141476640000000000007499497#" class="box-bar-right">下一流程：报名审核（已结束）</a>
	                  --></div>
                </div>
                <div class="h-tabs-content ui-tabs-panel ui-corner-bottom ui-widget-content" id="tab-2" aria-labelledby="ui-id-2" role="tabpanel" aria-hidden="true" style="display: none;">
                    <ul class="panel-list">
                           {volist name='post_list' id='post'}
                            <li class="panel-list-item">
                                <div class="panel">
                                    <h3 class="panel-title">{$post.post_name}</h3>
                                    <table class="panel-table" cellspacing="0" cellpadding="0">
                                        <tbody>
                                            <tr>
                                                <td class="label">招聘人数</td>
                                                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                                                <td>{$post.post_recruit_num}人</td>
                                            </tr>
                                            <tr>
                                                <td class="label">学历要求</td>
                                                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                                                <td>{$post.post_require_diploma}</td>
                                            </tr>
                                            <tr>
                                                <td class="label">专业要求</td>
                                                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                                                <td>{$post.post_require_specialty}</td>
                                            </tr>
                                            <tr>
                                                <td class="label">其他要求</td>
                                                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                                                <td>{$post.post_require_other}</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    {eq name='post.status' value='doing'}
                                            <button class="h-btn h-btn-error">进行中</button>
                                    {else/}
                                    	<button class="h-btn h-btn-gray">已结束</button>
                                    {/eq}
                                </div>
                            </li>
                            {/volist}
                    </ul>
                    <div class="M-box" id="M-box-job"></div>
                </div>
                <div class="h-tabs-content ui-tabs-panel ui-corner-bottom ui-widget-content" id="tab-4" aria-labelledby="ui-id-3" role="tabpanel" aria-hidden="true" style="display: none;">
                    <div class="wrap-with-border">
                    <!--表单-->
       
 
                        <div class="M-box" id="M-box-question"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="fixed weixin-fixed" id="float" style="display: none;">
            <ul class="rect-group">
<!--                 <li class="rect" id="weixinBtn">
                    <span class="icon icon-or-coder"></span>
                    <span class="word">
                        官方<br>微信
                    </span>
                </li>
                <li class="rect" id="teleBtn">
                    <span class="icon icon-phone"></span>
                    <div class="tele-wrap">
                        <i class="icon icon-telphone"></i>0311-85095713
                    </div>
                </li>
                    <li id="collectBtn" class="rect" onclick="Enshrine(this)">
                        <span class="icon icon-collection2"></span>
                        <div class="tele-wrap"> 点击收藏 </div>
                    </li> -->
                <li class="rect" id="toBeginBtn"><span class="icon">up</span></li>
            </ul>
<!--             <ul class="qr-wrap hide">
                <li class="qr">
                    <div class="qr-img"><img src="__CDN__/assets/zp_info/qrcode.jpg" alt=""></div>
                    <h3 class="qr-name">诺招聘</h3>
                </li>
                <span class="qr-line"></span>
                <li class="qr">
                    <div class="qr-img"><img src="__CDN__/assets/zp_info/qrcode2.jpg" alt=""></div>
                    <h3 class="qr-name">河北事业单位招聘</h3>
                </li>
            </ul> -->
        </div>
    </div>
    <script type="text/javascript">
        //流程跟踪取值
        //进行的流程名称
        var ProceedName="公告";
        //进行的流程时间
        var ProceedTime="2018-05-31";
        //即将进行的流程名称
        var BeginName="报名审核";
        //即将进行的时间
        var BeginTime="2018-06-05";
        //最新流程的地址
        var NewLinkUrl="#tab";

        $("#stepBtn").click(function(){
            $("#dialog").show();
        });
        $("#dialog .closebtn").click(function(){
            $("#dialog").hide();
        });
        function closedialog() {
            $("#dialog").hide();
        }
        //收藏
        function Enshrine(obj) {
            var PK_JPID = "201805310939576360000000000001906210";
            $.ajax({
                url: "/ProjectRecruitStep/Enshrine",
                type: "post",
                data: { "PK_JPID": PK_JPID },
                success: function (ret) {
                    if (ret.ErrCode == 302) {
                        $("#loginButn").trigger("click");
                    } else if (ret.ErrCode == 200) {
                        console.log("shoucang",ret.Data)
                        //成功
                        if (ret.Data) {
                            //收藏
                            $(obj).find(".icon").removeClass("icon-collection2");
                            $(obj).find(".icon").addClass("icon-collection");
                            $(obj).find(".tele-wrap").text("点击取消收藏")

                        } else {
                            //没有
                            $(obj).find(".icon").removeClass("icon-collection");
                            $(obj).find(".icon").addClass("icon-collection2");
                            $(obj).find(".tele-wrap").text("点击收藏")
                        }
                    } else {
                        alert("操作失败");
                    }
                }
            });
        }
    </script>
    <script type="text/javascript">
        var Pagenation = function(ele,opts){
            ele.pagination({
                totalData: opts.totalData || 0,
                showData: opts.showData || 10,
                current: opts.current || 1,
                coping: true,
                homePage: '首页',
                endPage: '末页',
                prevContent: '上一页',
                nextContent: '下一页',
                callback: opts.callback
            });
        };
        var initPagination = function(){
            // 设置每页有多少项
            var JOB_SIZE = 6;
            var INTRO_SIZE = 1;
            var QEUSTION_SIZE = 10;
            var showPage = function(eleList,cur,pageLen){
                eleList.each(function(idx,el){
                    if(idx + 1 > (cur - 1) * pageLen && idx + 1 <= cur * pageLen){
                        $(el).show();
                    }else{
                        $(el).hide();
                    }
                })
            };
            if(2 > JOB_SIZE){
                Pagenation($("#M-box-job"),{
                    totalData: 2,
                    showData:JOB_SIZE,
                    callback:function(page){
                        var cur = page.getCurrent();
                        showPage($("#tab-2").find(".panel-list-item"),cur,JOB_SIZE);
                    }
                });
            }
            if(0 > INTRO_SIZE){
                Pagenation($("#M-box-intro"),{
                    totalData: 0,
                    showData:INTRO_SIZE,
                    callback:function(page){
                        var cur = page.getCurrent();
                        showPage($("#tab-3").find(".h-page"),cur,INTRO_SIZE);
                    }
                });
            }
            if(Math.max(3 , 0) > QEUSTION_SIZE){
                Pagenation($("#M-box-question"),{
                    totalData: Math.max(3 , 0),
                    showData:QEUSTION_SIZE,
                    callback:function(page){
                        var cur = page.getCurrent();
                        $("#tab-4").find(".newslist").each(function(idx,it){
                            showPage($(it).find(".newslist-item"),cur,QEUSTION_SIZE);
                        });

                    }
                });
            }
            showPage($("#tab-2").find(".panel-list-item"),1,JOB_SIZE);
            showPage($("#tab-3").find(".h-page"),1,INTRO_SIZE);
            $("#tab-4").find(".newslist").each(function(idx,it){
                showPage($(it).find(".newslist-item"),1,QEUSTION_SIZE);
            });
        }
        initPagination();
        $('.tabs').tabs({
            active: "0"
        });
        $("#toBeginBtn").click(function(){
            $(document).scrollTop(0);
        });
        $("#weixinBtn").hover(function () {
            $("#float").find(".qr-wrap").toggleClass("hide");
            $(this).toggleClass("hover");
        });
        $("#teleBtn").hover(function(){
            $(this).toggleClass("tele-unfold")
        })
        $("#collectBtn").hover(function(){
            $(this).toggleClass("tele-unfold");
        })
        $("[htype='close']").click(function(){
            $(this).parent().fadeOut();
        })
        $(window).scroll(function(){
            var scrollHeight = $(document).scrollTop();
            var totalHeight = $(document).height();
            var showHei = $("#page").offset().top - $("#float").position().top;
            var navHei = $(".u-header").height();
            var tabHei = $("#tab").offset().top - navHei;
            if (scrollHeight > showHei) {
                $("#float").fadeIn();
            } else {
                $("#float").fadeOut();
            }
            if(scrollHeight > tabHei){
                $("#tab").addClass("tabs-fixed");
            }else{
                $("#tab").removeClass("tabs-fixed");
            }
        })
    </script>
    <script>
        // 轮播
        $(function () {
            var cur = 0;
            var total = $("#banner").find(".banner-it").length - 1;
            function showPic(idx) {
                $("#banner").find(".banner-it").removeClass("on");
                $("#banner").find(".banner-it").eq(idx).addClass("on");
                setTimeout(function () {
                    cur < total ? cur++ : (cur = 0);
                    showPic(cur);
                }, 5000);
            }
            showPic(cur);
        })
    </script>


    </div>
	<footer class="footer" style="clear:both">
	    <!-- 华杰人力是开源程序，建议在您的网站底部保留一个华杰人力的链接 -->
	    <p class="copyright">Copyright&nbsp;©&nbsp;2017-2018 Powered by <a href="http://www.huajierenli.com" target="_blank">华杰人力</a> All Rights Reserved {$site.name} {:__('Copyrights')} <a href="https://www.miibeian.gov.cn" target="_blank">{$site.beian}</a> <a href="{:url('admin/index/index')}" target="_blank">登陆后台</a></p>
	</footer>

    <script src="__CDN__/assets/zp_info/base64.js"></script>
    <script src="__CDN__/assets/zp_info/login.js"></script>
    <script src="__CDN__/assets/zp_info/modal.js"></script>
    <script src="__CDN__/assets/zp_info/bodylogin.js"></script>
    <script>
        $(window).scroll(function(){
            if($(document).scrollTop() > 5){
                $(".u-header").eq(0).removeClass("u-header-transparent");
            }else{
                $(".u-header").eq(0).addClass("u-header-transparent");
            }
        })
    </script>
        {include file="common/script" /}
    </body>
</body>
</html>